<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>妞妞助手</title>
<jsp:include page="/WEB-INF/view/comm/comm.jsp"></jsp:include>
<jsp:include page="/WEB-INF/view/comm/jquery.jsp"></jsp:include>
<jsp:include page="/WEB-INF/view/comm/widget/page.jsp"></jsp:include>
<script src="${pageContext.request.contextPath}/resources/js/view/main.js"></script>
</head>
<body>
	<jsp:include page="/WEB-INF/view/comm/header.jsp"></jsp:include>

	<div class="menu">
		<ul class="operate">
			<li><a href="#" id="menu_weibo_0">单向关注</a></li>
			<li><a href="#" id="menu_weibo_1">单向粉丝</a></li>
			<li><a href="#" id="menu_weibo_2">互粉粉丝</a></li>
			<li><a href="#" id="menu_weibo_3">我的关注</a></li>
			<li><a href="#" id="menu_weibo_4">我的粉丝</a></li>
		</ul>
		<div class="operateinfo">
			推荐互粉群[&nbsp;<a href="http://q.weibo.com/1561194" target="_banlk">妞妞乐园互粉群</a>&nbsp;]
		</div>
		<br clear="all"/>
	</div>

	<div class="content">
		<div>
			<ul class="bodyInfo" id="bodyInfo"><li>您可以点击上面的操作按钮来显示相应的信息!</li></ul>
			<br clear="all"/>
			<div id="bodyInfoPage"></div>
		</div>
	</div>

	<div class="foot_bar">
		<div class="bar" id="fansAttentionBar_0">
			<div class="handletip">你关注了他，他却没有关注你</div>
			<div class="handlebar">
				<input type="checkbox" id="onewayAttentionSelectAllInfo"><label for="onewayAttentionSelectAllInfo">全部选择</label>&nbsp;&nbsp;
				<input type="button" id="cancelOnewayAttention" value="取消关注">&nbsp;&nbsp;
			</div>
		</div>
		<div class="bar" id="fansAttentionBar_1">
			<div class="handletip">他关注了你，你却没有关注他</div>
			<div class="handlebar">
				<input type="checkbox" id="onewayFansSelectAllInfo"><label for="onewayFansSelectAllInfo">全部选择</label>&nbsp;&nbsp;
				<input type="button" id="attentionOnewayFans" value="关注粉丝">&nbsp;&nbsp;
			</div>
		</div>
		<div class="bar" id="fansAttentionBar_2">
			<div class="handletip">他关注了你，你关注了他</div>
			<div class="handlebar">
				<input type="checkbox" id="mutualPowderFansSelectAllInfo"><label for="mutualPowderFansSelectAllInfo">全部选择</label>&nbsp;&nbsp;
				<input type="button" id="cancelMutualPowderFans" value="取消关注">&nbsp;&nbsp;
			</div>
		</div>
		<div class="bar" id="fansAttentionBar_3">
			<div class="handletip">你关注了的用户</div>
			<div class="handlebar">
				<input type="checkbox" id="myAttentionSelectAllInfo"><label for="myAttentionSelectAllInfo">全部选择</label>&nbsp;&nbsp;
				<input type="button" id="cancelMyAttention" value="取消关注">&nbsp;&nbsp;
			</div>
		</div>
		<div class="bar" id="fansAttentionBar_4">
			<div class="handletip">你被别人关注的用户</div>
			<div class="handlebar">
				<input type="checkbox" id="myFansSelectAllInfo"><label for="myFansSelectAllInfo">全部选择</label>&nbsp;&nbsp;
				<input type="button" id="cancelMyFans" value="取消关注">&nbsp;&nbsp;
				<input type="button" id="attentionMyFans" value="关注粉丝">&nbsp;&nbsp;
			</div>
		</div>
	</div>
</body>
</html>